<%@page contentType="text/html" pageEncoding="UTF-8"%>
<jsp:include page="sys_html_header.jsp" />


<!--start container-->
<div id="container">
    <jsp:include page="sys_header.jsp?acMenu=4" />

    <!--start content-->
    <div id="content">
        <div class="information-form">
            <div class="flow-reservation2">
                <ul>
                    <!--<li></li>--><!-- default flow select a car-->
                    <!--<li class="driver-details"></li>-->
                    <li class="confirm"></li>
                </ul>
                <br />
            </div>
            <!--end flow-reservation-->


            <div class="reservation-infor"> 
                <div class="pick-up"><table>
                        <tr>
                            <td width="27%">Pick-up location :</td>
                            <td>airport</td>
                        </tr>
                        <tr>
                            <td>Pick-up date :</td>
                            <td width="73%">12/09/2011, 10:00AM</td>
                        </tr>
                    </table>


                </div> <!--pick-up-->
                <div class="drop-off"><table>
                        <tr>
                            <td width="27%">Drop-off location :</td>
                            <td>airport</td>
                        </tr>
                        <tr>
                            <td>Pick-up date :</td>
                            <td width="71%">12/09/2011, 12:00AM</td>
                        </tr>
                    </table></div> 
                <!--Drop-off-->

                <div class="bottom-reservation"><img src="images/bottom-reser.jpg" /></div> <!--end bottom-reservation-->

            </div>
            <!--end reservation-infor-->

            <div class="car-rentals">
                <ul>
                    <li style="border:none;">
                        <div class="model">
                            <div class="thumbnail"><img src="images/tour1.jpg" alt="toyota camry" /></div>
                            <!--end thumbnail-->
                            <div class="detail">
                                <p><strong>Bangkok Package Tour <br />
                                        3 days 2 nights.</strong><br/>
                                </p>
                                <ul>
                                    <li class="seat"><span>4</span></li>
                                    <li class="luggage"><span>2</span></li>
                                </ul>
                            </div>
                            <!--end detail-->
                        </div>
                        <!--end model-->
                        <div class="total-price">
                            <table>
                                <tr>
                                    <th colspan="2"><h1> Price to pay</h1></th>
                                </tr>
                                <tr>
                                    <td><span>Total Rental Cost</span></td>
                                    <td align="right"><strong>
                                            <h2>฿ 17,500</h2>
                                        </strong></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><hr /></td>
                                </tr>
                                <tr class="even">
                                    <td><b>Special Equipment</b></td>
                                    <td align="right">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>- Single Room x1</td>
                                    <td align="right"><strong>฿ 12,000 </strong></td>
                                </tr>
                            </table>
                        </div>
                        <!--end rate-detail-->
                    </li>
                </ul>
            </div><!-- end car-rentals-->
            <div class="column-data">
                <h3>Special Equipment</h3>
                <p>The following special equipment can be selected now, but must be paid for locally when you collect your vehicle. Special equipment is subject to availability. </p>
                <ul class="special">
                    <li>
                        <div class="add-on"> <img src="images/ic_single.png" alt="Infant child seat" /><em>Single Room</em>
                            <cat>(฿12,000 per rental)</cat>
                            <select name="select">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="add-on"> <img src="images/ic_twin.png" alt="Infant child seat" /><em>Twin Room</em>
                            <cat>(฿5,800 per rental)</cat>
                            <select name="select">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="add-on"> <img src="images/ic_triple.png" alt="Infant child seat" /><em>Triple Room</em>
                            <cat>(฿5,000 per rental)</cat>
                            <select name="select">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>
                    </li>
                </ul>
            </div>
            <!--end column-data-->

            <div class="column-data">
                <h3>Pasanal Data</h3>
                <table class="save-time">
                    <tr>
                        <td width="100%"><div id="savetime_form" style="display:none;"><table>
                                    <tr>
                                        <td width="11%"><b>Username : </b></td>
                                        <td width="24%"><input type="text" /></td>
                                        <td width="12%"><b>Password :</b></td>
                                        <td width="34%"><input type="password"/>
                                            <a href="#">Forgotten password?</a></td>
                                        <td width="19%"><a href="#" class="login"></a></td>
                                    </tr>
                                </table></div></td>
                    </tr>
                </table>

                <table width="96%">
                    <tr>
                        <td width="21%">Name :<span>*</span></td>
                        <td width="17%">Mr.John Doe</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>E-mail :<span>*</span></td>
                        <td>John.Doe@hotmail.com</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>Phone Number :<span>*</span></td>
                        <td valign="top"><!--end select-box-->(+1)</td>
                        <td valign="top">166-687-8419</td>
                    </tr>
                    <tr>
                        <td valign="top">Address :<span>*</span></td>
                        <td colspan="2">Goethe-Institut New York<br />
                            72 Spring Street, 11th Floor <br />
                            New York, NY<br /></td>
                    </tr>
                    <tr>
                        <td>City/Town :<span>*</span></td>
                        <td>New York</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>Postcode :<span>*</span></td>
                        <td>10012 </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>Country :<span>*</span></td>
                        <td><!--end select-box-->
                            United States</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
                <hr />
                <h4>Arrival information</h4>
                <p>Please enter your flight number to guarantee your rental car in case
                    of flight delays or a change in the arrival terminal.</p>
                <table>
                    <tr>
                        <td width="21%">Flight number :</td>
                        <td>NY1890</td>
                    </tr>
                </table>
                <hr/>
                <h4>Payment details</h4>
                <table>
                    <tr>
                        <td width="21%">Card type :</td>
                        <td>Visa</td>
                    </tr>
                    <tr>
                        <td>Card number :</td>
                        <td>897-4571-4213</td>
                    </tr>
                    <tr>
                        <td>Expiry date :</td>
                        <td><select name="expiryDate" style="width:80px;" disabled="disabled">
                                <option value="">Month</option>
                                <option value="01">January</option>
                                <option value="02">February</option>
                                <option value="03">March</option>
                                <option value="04">April</option>
                                <option value="05">May</option>
                                <option value="06">June</option>
                                <option value="07">July</option>
                                <option value="08">August</option>
                                <option value="09" selected="selected">September</option>
                                <option value="10">October</option>
                                <option value="11">November</option>
                                <option value="12">December</option>
                            </select><select name="expiryYear" style="width:80px;" disabled="disabled">
                                <option value="">Year</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="2016">2016</option>
                                <option value="2017">2017</option>
                                <option value="2018">2018</option>
                                <option value="2019">2019</option>
                                <option value="2020">2020</option>
                                <option value="2021">2021</option>
                                <option value="2022">2022</option>
                                <option value="2023">2023</option>
                                <option value="2024">2024</option>
                                <option value="2025">2025</option>
                                <option value="2026">2026</option>
                                <option value="2027">2027</option>
                                <option value="2028">2028</option>
                                <option value="2029">2029</option>
                                <option value="2030">2030</option>
                                <option value="2031">2031</option>
                                <option value="2032">2032</option>
                                <option value="2033">2033</option>
                                <option value="2034" selected="selected">2034</option>
                                <option value="2035">2035</option>
                                <option value="2036">2036</option>
                                <option value="2037">2037</option>
                                <option value="2038">2038</option>
                                <option value="2039">2039</option>
                                <option value="2040">2040</option>
                                <option value="2041">2041</option>
                                <option value="2042">2042</option>
                                <option value="2043">2043</option>
                                <option value="2044">2044</option>
                                <option value="2045">2045</option>
                                <option value="2046">2046</option>
                                <option value="2047">2047</option>
                                <option value="2048">2048</option>
                                <option value="2049">2049</option>
                                <option value="2050">2050</option>
                                <option value="2051">2051</option>
                                <option value="2052">2052</option>
                                <option value="2053">2053</option>
                                <option value="2054">2054</option>
                                <option value="2055">2055</option>
                                <option value="2056">2056</option>
                                <option value="2057">2057</option>
                                <option value="2058">2058</option>
                                <option value="2059">2059</option>
                                <option value="2060">2060</option>
                                <option value="2061">2061</option>
                                <option value="2062">2062</option>
                                <option value="2063">2063</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>


                <ul><li></li></ul>
                <table>
                    <tr>
                        <td width="86%"><a href="personal-data-tour.html" class="back"></a></td>
                        <td width="14%"><a href="receive-tour.html" class="book"></a></td>
                    </tr>
                </table>

            </div><!--end column-data-->


        </div>
        <!--end information-form-->
    </div>
    <!--end content-->


    <jsp:include page="sys_footer.jsp" />

</div>
<!--end container-->